<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>聚能量-www.8ai8.com</title>
        <link type="text/css" rel="stylesheet" href="css/style.css"/>
        </script>
    </head>
    <!--[if lt IE 7]>
        <script type="text/javascript" src="img/putaojiayuan.js"></script>
    <![endif]-->
    <script type="text/javascript" src="js/tab.js">
    </script>
    <SCRIPT src="js/jquery.js" type=text/javascript>
    </SCRIPT>
    <SCRIPT type=text/javascript>
        var _c = _h = 0;
        $(document).ready(function(){
            $('#play  li').click(function(){
                var i = $(this).attr('alt') - 1;
                clearInterval(_h);
                _c = i;
                //play();
                change(i);
            })
            $("#pic img").hover(function(){
                clearInterval(_h)
            }, function(){
                play()
            });
            play();
        })
        function play(){
            _h = setInterval("auto()", 5000);
            
        }
        
        function change(i){
            $('#play li').css('background-color', '#000000').eq(i).css('background-color', '#FF3000').blur();
            $("#pic img").fadeOut('fast').eq(i).fadeIn('fast');
        }
        
        function auto(){
            _c = _c > 3 ? 0 : _c + 1;
            
            change(_c);
        }
    </SCRIPT>
    <style type="text/css">
        .img_switch {
            margin: 0 auto;
            WIDTH: 950px;
            HEIGHT: 414px;
            overflow: hidden
        }
        
        .img_switch_content {
            HEIGHT: 414px;
            position: relative;
        }
        
        .img_switch_text {
            width: 262px;
            position: absolute;
            z-index: 10;
            bottom: 5px;
            left: 10px;
            HEIGHT: 15px;
            z-index: 10000 !important
        }
        
        .number_nav {
            DISPLAY: inline;
            FLOAT: left;
        }
        
        .number_nav UL {
            font: 12px Arial, Helvetica, sans-serif;
            padding: 0px;
            MARGIN: 0px;
            LIST-STYLE-TYPE: none;
            color: #fff;
        }
        
        .number_nav UL LI {
            float: left;
            font-weight: bold;
            background: #000;
            float: left;
            margin-right: 8px;
            width: 23px;
            cursor: pointer;
            line-height: 17px;
            height: 17px;
            text-align: center;
            filter: alpha(opacity = 75);
            -moz-opacity: 0.75;
            opacity: 0.75;
        }
        
        #pic {
            OVERFLOW: hidden
        }
    </style>
    <body>
        <div class="top">
            <div class="top_bar">
                <div class="logo">
                </div>
                <div class="at1">
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="nav">
                <ul>
                    <li>
                        <a href="#">首&nbsp;&nbsp;页</a>
                    </li>
                    <li>
                        <a href="#">任务中心</a>
                    </li>
                    <li>
                        <a href="#">积分商城</a>
                    </li>
                    <li>
                        <a href="#">个人中心</a>
                    </li>
                    <li>
                        <a href="#">客服中心</a>
                    </li>
                    <li class="hover">
                        <a href="#">帮助中心</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="content">
            <div class="main">
                <div class="container">
                    <DIV class="img_switch">
                        <DIV class="img_switch_content" id="pic">
                            <a href="#"><IMG src="images/banner1.jpg"></a><a href="#"><IMG src="images/banner2.jpg"></a><a href="#"><IMG src="images/banner3.jpg"></a><a href="#"><IMG src="images/banner4.jpg"></a><a href="#"><IMG src="images/banner5.jpg"></a>
                            <DIV class="img_switch_text">
                                <DIV class="number_nav">
                                    <UL id="play">
                                        <LI alt="1" style="background:#f00;">
                                            1
                                        </LI>
                                        <LI alt="2">
                                            2
                                        </LI>
                                        <LI alt="3">
                                            3
                                        </LI>
                                        <LI alt="4">
                                            4
                                        </LI>
                                        <LI alt="5">
                                            5
                                        </LI>
                                    </UL>
                                </DIV>
                            </DIV>
                        </DIV>
                    </DIV>
                </div>
                <div class="box1">
                    <div class="txt">
                        <h2><a href="#">热门礼品</a></h2>
						<ul>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
							<li></li>
						</ul>
                    </div>
                    <div class="clear">
                    </div>
                </div>
                <div class="box1">
                    <div class="tabbox">
                        <div class="menu5">
                            <ul>
                                <li id="one1">
                                    会员登录：
                                </li>
                            </ul>
                        </div>
                        <div class="con_t1" id="con_one_1">
                            <table width="100%" border="0">
                                <tr>
                                    <td width="60" height="40" align="right">
                                        用户名&nbsp;
                                    </td>
                                    <td>
                                        <input type="text" value="" class="text2" />
                                    </td>
                                </tr>
                                <tr>
                                    <td width="60" height="40" align="right">
                                        密&nbsp;&nbsp;码&nbsp;
                                    </td>
                                    <td>
                                        <input type="password" value="" class="text2"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="60" height="40" align="right">
                                        &nbsp;
                                    </td>
                                    <td>
                                        <div class="c4">
                                            <input type="submit" value="" class="btn2" />&nbsp;&nbsp;<a href="http://www.865171.cn/" style="font-weight:normal; font-size:12px; 
 color:#610007">忘记密码</a>
                                        </div>
                                    </td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </div>
                <div class="clear">
                </div>
                <div style="background:url(img/bg6.jpg) repeat-x; height:2px; width:100%; margin-bottom:18px; overflow:hidden">
                </div>
                <div class="box2">
                    <h2 class="title1"><img src="img/icon1.jpg" />&nbsp;&nbsp;最新任务</h2>
                    <ul class="menu1">
                        <li>
                            <a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a>
                            <span>00-00-00</span>
                        </li>
                        <li>
                            <a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a>
                            <span>00-00-00</span>
                        </li>
                        <li>
                            <a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a>
                            <span>00-00-00</span>
                        </li>
                        <li>
                            <a href="http://www.865171.cn/">有关选项卡和选项卡快捷方式、加速器和 InPrivate</a>
                            <span>00-00-00</span>
                        </li>
                    </ul>
                    <div>
                        <a href="http://www.865171.cn/" style="float:right; color:#b05004">>>了解详情</a>
                    </div>
                </div>
                <div class="box3">
                    <div class="txt3">
                        <h2 class="title2"><img src="img/icon2.gif" />&nbsp;&nbsp;客服中心</h2><img src="img/phone.gif" width="198" height="111"/>
                    </div>
                    <div class="img2">
                        <a href="http://www.865171.cn/"><img src="img/icon5.gif" width="162" height="158"/></a>
                    </div>
                </div>
                <div class="clear">
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="foot_nav">
                <a href="">帮助中心</a>|<a href="#">隐私条款</a>|<a href="#">关于我们</a>
            </div>
            <div class="foot_bar">
                <img src="img/logo2.jpg" width="114" height="42" align="left"/>&copy;2009.INBAI Technology Co.Ltd
                <br/>
                粤ICP备09104593
            </div>
            <div class="clear">
            </div>
        </div>
    </body>
</html>
